<template>
  <div class="home">
    <dv-loading v-if="loading">
      <div class="loading-text">大屏数据加载中</div>
    </dv-loading>
    <dv-full-screen-container :options="{width: 3040, height: 2080}" v-else>
        <div class="header">111</div>
        <div class="center">
          <div class="top">
            <div class="top1">222</div>
            <div class="top2">333</div>
            <div class="top3">444</div>
          </div>
          <div class="bottom">
            <div class="bottom1">555</div>
            <div class="bottom2">666</div>
            <div class="bottom3">777</div>
          </div>
        </div>
    </dv-full-screen-container>
  </div>
</template>

<script setup>
// @ is an alias to /src
import { ref, onMounted } from 'vue'
import NmMapWarning from "@/components/NmMapWarning";

const loading = ref(true)

onMounted(() => {
  setTimeout(() => {
    loading.value = false
  }, 2500)
})
</script>
<style lang="scss" scoped>
.home{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgb(29, 29, 29);
  color: #fff;
  font-size: 48px;
}
.loading-text{
  font-size: 20px;
  margin-top: 10px;
}
</style>
